@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

html,body{
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    height: 100%;
}

.page{
    flex: 1 1 auto;
}


.baze-image{
    position: relative;
    background-color: black;
}
.baze-image-img{
    opacity: 0.6;
}

.baze-image-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: lightgoldenrodyellow;
    font-size: 5rem;
    @media screen and (max-width: 768px) {
        font-size: 3rem;
    }
    @media screen and (max-width: 425px) {
        font-size: 2rem;
    }
    @media screen and (max-width: 320px) {
        font-size: 1.5rem;
    }
}

.descroption-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .025cm;
}


